/* =================================== */
    /* 1. HAFTALIK MENÜ SEÇİCİ BUTONLARI   */
    /* =================================== */
    .week-selector-container {
        flex-grow: 1;
        min-width: 0;
        overflow-x: auto;
        padding-bottom: 10px; /* Kaydırma çubuğu ve gölge için boşluk */
        margin-bottom: -10px;
        -webkit-overflow-scrolling: touch;
    }

    .week-selector-container::-webkit-scrollbar { height: 4px; }
    .week-selector-container::-webkit-scrollbar-track { background: transparent; }
    .week-selector-container::-webkit-scrollbar-thumb { background: #ddd; border-radius: 4px; }

    .week-selector-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 15px; /* Butonlar arası boşluk */
        list-style: none;
        margin: 0;
        padding: 2px 0; /* Gölgenin kesilmemesi için dikey padding */
    }

    /* BUTON YAPISI İÇİN ANA STİL */
    .week-selector-nav .nav-link {
        display: flex; /* İçerideki elemanları hizalamak için */
        flex-direction: column; /* Öğeleri dikey olarak yığ */
        align-items: center; /* Yatayda ortala */
        justify-content: center; /* Dikeyde ortala */
        min-width: 150px; /* Butonların minimum genişliği */
        padding: 0.70rem 1.1rem;
        border: 1px solid #e0e0e0;
        border-radius: 12px; /* Daha modern bir köşe yuvarlaklığı */
        background-color: #f8f9fa;
        text-decoration: none;
        text-align: center;
        transition: all 0.25s ease-in-out;
    }

    .week-selector-nav .nav-link:hover {
        border-color: #442C6C;
        transform: translateY(-3px);
        box-shadow: 0 6px 15px rgba(68, 44, 108, 0.1);
    }

    .week-selector-nav .nav-link.active {
        background-color: #442C6C;
        border-color: #442C6C;
        color: #fff;
        transform: translateY(-3px);
        box-shadow: 0 6px 15px rgba(68, 44, 108, 0.2);
    }

    /* BUTON İÇİNDEKİ ELEMANLARIN STİLLERİ */
    .week-label {
        font-size: 1.5rem;  /* DEĞİŞİKLİK: Ana başlık font boyutu büyütüldü */
        font-weight: 700;
        color: #343a40;
        transition: color 0.25s ease;
        margin-bottom: 2px;     /* DEĞİŞİKLİK: Ayraç ile arasına hafif bir boşluk eklendi */

    }
    .week-selector-nav .nav-link.active .week-label {
        color: #fff; /* Aktifken yazı rengi beyaz */
    }

    .week-separator {
        width: 30px;  /* DEĞİŞİKLİK: Ayraç biraz daha uzun */
        height: 2px;
        background-color: #ced4da;
        margin: 6px 0; /* DEĞİŞİKLİK: Dikey boşluklar artırıldı */
        border-radius: 2px;
        transition: all 0.25s ease;
    }
    .week-selector-nav .nav-link.active .week-separator {
        background-color: #fff; /* Aktifken ayraç rengi beyaz */
        opacity: 0.7;
    }

    .week-dates {
        font-size: 1.4rem; /* DEĞİŞİKLİK: Tarih font boyutu büyütüldü */
        font-weight: 500;
        color: #6c757d;
        transition: color 0.25s ease;
    }
    .week-selector-nav .nav-link.active .week-dates {
        color: #fff; /* Aktifken tarih rengi beyaz */
        opacity: 0.9;
    }

    /* 1. Butonları içeren ana sarmalayıcının ALTINDAKİ tüm boşlukları sıfırla */
    .vendor-details-banner--area {
        padding-bottom: 0 !important; /* İç boşluğu kaldır */
        margin-bottom: 0 !important;  /* Dış boşluğu kaldır */
        padding-top: 0 !important;  /* Dış boşluğu kaldır */
    }

    /* 2. Butonların hemen altındaki ürün listesi alanının ÜST boşluğunu ayarla */
    /*    Boşluğun TEK kontrol noktası burası olacak. */
    .product-area-wrapper-shopgrid-list {
        margin-top: 30px !important; /* Butonlar ve ürünler arasındaki mesafeyi buradan ayarlayın */
    }

    /* Önceki çözümden kalan gerekli kural (üst boşluk için) */
    .vendor-details-banner--area .row.g-5 {
        --bs-gutter-y: 0;
    }


    /* =================================== */
    /* 2. KATEGORİ GRUP BAŞLIKLARI         */
    /* =================================== */

    .group-title-wrapper {
        position: relative;
        text-align: left;
    }
    .group-title {
        font-size: 28px;
        font-weight: 700;
        color: #222;
        display: inline-block;
        background: #fff; /* Arka plan renginiz ne ise ona göre ayarlayın */
        padding-right: 20px;
        position: relative;
        z-index: 1;
    }
    .group-title-separator {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e0e0e0;
        z-index: 0;
    }

    /* =================================== */
    /* 3. ÜRÜN KARTI (PRODUCT CARD) YAPISI */
    /* =================================== */

    /* Kart içindeki resim alanı için sabit boyutlar */
    .single-shopping-card-one .thumbnail-preview {
        display: block;
        position: relative;
        width: 186px;
        height: 186px; /* Sabit yükseklik */
        overflow: hidden; /* Taşan kısımları gizle */
        /* İsteğe bağlı: köşeleri yuvarlak yapar */
        
    }

    .single-shopping-card-one .thumbnail-preview img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Resmi alana sığdırır, oranları korur */
        object-position: center; /* Resmi ortalar */
        transition: transform 0.3s ease; /* Hover efekti için */
    }

    /* İsteğe bağlı: hover efekti */
    .single-shopping-card-one .thumbnail-preview:hover img {
        transform: scale(1.05);
    }

    /* Badge pozisyonu için ayar (eğer badge kullanıyorsanız) */
    .single-shopping-card-one .thumbnail-preview .badge {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 2;
    }

     /* Kart arka planını beyaz yapma */
    .single-shopping-card-one {
        border: 1px solid #e0e0e0 !important;
        background-color: white !important;
        border-radius: 12px;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);*/
        /*overflow: hidden;*/
        /* z-index: 100; <-- BU SATIR KALDIRILDI */
    }

    /* İsteğe bağlı: Kart hover efekti */
    .single-shopping-card-one:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
        transition: all 0.3s ease;
    }

    /* Kart içeriği için padding ayarı */
    .single-shopping-card-one .body-content {
        padding: 15px;
    }

    /* Fiyat alanı için ek stil */
    .single-shopping-card-one .price-area {
        margin: 10px 0;
    }

    /* Sepet butonu için stil */
    .single-shopping-card-one .rts-btn.btn-primary {
        background-color: #442C6C;
        color: white;
        border: none;
    }

    /* Nutritional Values bölümü için stil */
    .single-shopping-card-one .natural-value {
        border-top: 1px solid #f0f0f0;
        padding-top: 10px;
        margin-top: 10px;
    }

    /* Resim etrafındaki border'ı kaldırma */
    .single-shopping-card-one .thumbnail-preview img {
        border: none !important;
        outline: none !important;
    }

    /* Veya daha spesifik olarak */
    .single-shopping-card-one .thumbnail-preview {
        border: none !important;
        box-shadow: none !important;
    }

    /* Eğer bir çerçeve div'i varsa */
    .single-shopping-card-one .thumbnail-preview-frame {
        border: none !important;
    }

    /* İÇERİK ALANI STİLLERİ */
    .content-container {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .food-title {
        font-size: 22px;
        font-weight: 600;
        margin: 0 0 1px 0;
        color: #333;
    }

    .food-description {
        font-size: 18px;
        color: #666;
        margin: 0 0 15px 0;
        line-height: 1.4;
    }
    /* MOBILE UYUMLULUK */
    @media (max-width: 576px) {
        .card-container {
            flex-direction: column;
        }
        
        .image-container {
            width: 100%;
            height: 180px;
            margin-right: 0;
            margin-bottom: 15px;
        }
    }